.page-1 {
  width: 100%;
  height: 100%;
  position: relative;
  background: url(../images/bg1.png) no-repeat;
  background-size: contain; }
  .page-1 .page1 {
    width: 100%;
    position: absolute;
    top: 9.15493%; }
    .page-1 .page1 p {
      text-align: center;
      color: #ffffff;
      font-size: 16px; }
  .page-1 .img-people1 {
    width: 39.0625%;
    position: absolute;
    top: 15.84507%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .page-1 .img-yun1 {
    width: 17.5%;
    position: absolute;
    left: 5.15625%;
    top: 42.25352%; }
  .page-1 .img-yun2 {
    width: 9.84375%;
    position: absolute;
    left: 70.625%;
    top: 43.30986%; }
  .page-1 .img-yun3 {
    width: 17.5%;
    position: absolute;
    left: 87.96875%;
    top: 39.26056%; }
  .page-1 .input {
    width: 57.5%;
    height: 5.72183%;
    position: absolute; }
    .page-1 .input p {
      padding-left: 15px;
      padding-top: 3px;
      color: #000000;
      font-size: 17px; }
  .page-1 .input-1 {
    left: 8.59375%;
    top: 60.03521%;
    background: url(../images/input-2_22.png) no-repeat;
    background-size: contain; }
  .page-1 .input-2 {
    left: 8.59375%;
    top: 67.95775%;
    background: url(../images/input-2_22.png) no-repeat;
    background-size: contain; }
  .page-1 .input-3 {
    left: 8.59375%;
    top: 75.88028%;
    background: url(../images/input-2_22.png) no-repeat;
    background-size: contain; }
  .page-1 .input-4 {
    left: 8.59375%;
    top: 83.80282%;
    background: url(../images/input-2_22.png) no-repeat;
    background-size: contain; }
  .page-1 .img-music-1 {
    width: 12.5%;
    position: absolute;
    left: 83.59375%;
    top: 63.82042%; }
  .page-1 .img-music-2 {
    width: 6.25%;
    position: absolute;
    left: 90.625%;
    top: 73.94366%; }
  .page-1 .img-music-3 {
    width: 6.25%;
    position: absolute;
    left: 90%;
    top: 79.92958%; }
  .page-1 .img-music-4 {
    width: 7.1875%;
    position: absolute;
    left: 86.875%;
    top: 84.33099%; }
  .page-1 .img-music-5 {
    width: 8.125%;
    position: absolute;
    left: 87.1875%;
    top: 88.55634%; }
  .page-1 .img-dog-1 {
    width: 12.96875%;
    position: absolute;
    left: 74.53125%;
    top: 84.77113%; }
  .page-1 input {
    display: none; }
  .page-1 input[name="input-1"]:checked ~ .input-1 {
    background: url(../images/input-1_12.png) no-repeat;
    background-size: contain; }
  .page-1 input[name="input-2"]:checked ~ .input-2 {
    background: url(../images/input-1_12.png) no-repeat;
    background-size: contain; }
  .page-1 input[name="input-3"]:checked ~ .input-3 {
    background: url(../images/input-1_12.png) no-repeat;
    background-size: contain; }
  .page-1 input[name="input-4"]:checked ~ .input-4 {
    background: url(../images/input-1_12.png) no-repeat;
    background-size: contain; }
